<template>
	<view>
		<view class="flex-row-between item" v-for="(item,index) in 2" :key='index'  @click="jump(url)">
			<view class="flex-row-start">
				<image src="https://www.haopengsong.xyz/static/food/time.png" class="time"></image>
				申请时间&nbsp;&nbsp;2024-08-08 12:30
			</view>
			<view class="chuili font12">待处理</view>
			<view class="font color9">
				申请2025年3月15号申请使用露营基地，十个人，三个大人，7个小朋友
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:['url'],
		methods:{
			jump(res){
				uni.navigateTo({
					url: res
				});
			}
		}
	}
</script>

<style scoped lang="scss">
	.item{
		padding: 12px;
		border-radius: 12px;
		margin-bottom: 14px;
		background-color: #fff;
		.time{
			width: 16px;
			height: 16px;
			margin-right: 10px;
		}
		.chuili{
			width: 52px;
			height: 24px;
			text-align: center;
			line-height: 24px;
			border-radius: 3px;
			background-color: #FCEBD8;
			color: #FF9100;
		}
		.font{
			padding-top: 10px;
			border-top: 1px solid #dddddd60;
			margin-top: 10px;
			line-height: 24px;
		}
	}
</style>